<template>
	<div class="back_content_page">
		<div class="header">
			<van-nav-bar
				title="订单详情"
				left-arrow
				@click-left="onClickLeft"
				@click-right="onClickRight"
				/>
		</div>
	<div>

		<div class="iMG_content">

			<img src="../../assets/address.png" @click="address_img_er"/>

			<p><span>全部商品称重后统一进行结算</span></p>

		</div>

		<div class="share_content">
			<div>
				<p>
					<span style="font-size: 16px;">家用电器</span>
				</p>
				<p class="p_content_item">
					<span>类型  电脑
						<span style="margin-left: 8vw;">
							规格  13寸
						</span>
					</span>
					<span style="margin-left: 30vw;color: #FF4242;">
						120积分
						<img src="../../assets/jia .png" style="width: 5vw;vertical-align:middle;"/>
					</span>
				</p>
			</div>
		</div>

		<div class="share_content">
			<div>
				<p>
					<span style="font-size: 16px;">家用电器</span>
				</p>
				<p class="p_content_item">
					<span>类型  电脑
						<span style="margin-left: 8vw;">
							规格  13寸
						</span>
					</span>
					<span style="margin-left: 30vw;color: #FF4242;">
						120积分
						<img src="../../assets/jia .png" style="width: 5vw;vertical-align:middle;"/>
					</span>
				</p>
			</div>
		</div>


		<div class="add_content" @click="jixu_add">
			<p>继续添加</p>
		</div>



		<div>
			<van-cell title="预约时间" is-link  to="Authentication">
				<span>请选择预约上门时间</span>
			</van-cell>
			<van-cell title="留言备注" is-link  to="Authentication">
				<span>可描述商品状态、特殊要求</span>
			</van-cell>
			<van-cell title="预约时间" is-link  to="Authentication">
				<span>收回物品放在一起拍照上传</span>
			</van-cell>
			<!--<van-cell title="留言备注" is-link to="Authentication"/>
			   <span>请选择预约上门时间</span>
		   </van-cell>

			<van-cell title="上传图片"  is-link />
			    <span>将要收回的物品放在一起拍照上传</span>
			</van-cell>-->

			<div class="Img_file_list">
				<van-uploader
			 	  v-model="fileList"
				  multiple
				  :max-count="4"
				/>
			</div>



			<div>
				<van-popup
				  v-model="show"
				  position="bottom"
				  :style="{ height: '60%' }"
				>
				 <slide-verify></slide-verify>

				</van-popup>
			</div>


		</div>


			<!--底部-->
			<div class="footer_content">
				<div class="footer_one">
					<p>预估价格<span>300-400</span>元</p>
					<p style="color: #CCCCCC;font-weight: normal;font-size: 14px;">成交价格以实际评估为准</p>
				</div>
				<div class="footer_two">
					<van-button round type="default" @click="Immediate">立即预约</van-button>
				</div>
			</div>
		</div>







	</div>
</template>
<script>
	import SlideVerify from '@/components/SlideVerify';
//	import {comments} from '@/components/comments'
	export default {
	  data() {
	    return {
	         showList: false,
		      showEdit: false,
		      isEdit: false,
		      fileList:[],
		      activeName: '',
		      show:false
		    };

	  },
	   methods:{
		   	address_img_er(){
		   	   this.$router.push({
		   			path:'/address'
		   		})
		   	},
		   	onClickLeft(){

		   	},
		   	onClickRight(){

		   	},
	    	Immediate(){

	    		this.$router.push({
	    			path:'/Immediate'
	    		})
	    	},
	    	jixu_add(){
	    		this.show = true;

	    	}
	   },
	  components: {
   			 SlideVerify,

  		}
   };
</script>
<style scoped="scoped">
	p{
		margin: 0;
		padding: 0;
	}
	.add_address{
		position: absolute;
		top:50%;
		left: 50%;
	}
	.help_content >>> .van-cell__title{
		text-align: left;
		padding-left: 3vh;
	}
	.help_content>>>.van-collapse-item__content{
		text-align: left;
		padding-left: 5.4vh;
	}
	.chan_question{
		margin-top: 1vh;
		text-align: left;
	    padding-left: 3vh;
	    color: #000;
	    font-weight: 600;
	    background: #FFFFFF;
	    padding: 1vh;
	}
	.back_content_page{
		background: rgb(245,245,245);
	}
	.back_content_page >>> .van-tabs__content{
		background: #fff;
	    text-align: left;
	    padding: 3vh;
	}
	.type_xing{
		color: #CCCCCC;
		font-size: 14px;
	}
	.back_content_page >>> .van-button{
		margin-bottom: 1vh;
		margin-top: 1vh;
	}
	.footer_content{
		align-items: center;
		background: #FFFFFF;
		padding-top: 3vh;
		display: flex;
		justify-content: space-around;

	}
	.footer_one p{
		font-size: 18px;
		font-weight: bold;
		color: #000000;
	}
	.footer_one p span{
		color: rgb(255,66,66);
	}
	.footer_content >>> .van-button__text{
		padding: 0 5vh;
	}
	.footer_content >>>.van-button{
		background: #4C9FFD;
		color: #FFFFFF;
	}
	.iMG_content img{
		width: 100%;
		margin-top: 1vh;
	}

	.iMG_content p{
		text-align: left;
		 margin-top: 0.5vh;
	    margin-bottom: 0.5vh;
	}
	.iMG_content p span{
		color: #666666;

	    margin-left: 1vw;
	    font-size: 12px;

	}
	.share_content{
		background: #FFFFFF;
		padding-left: 1vh;
		display: flex;
		border-bottom: 1px solid #F6F6F6;
		justify-content: space-between;

	}
	.share_content div{
		margin: 1.5vh;
        font-size: 14px;
	}
	.p_content_item{

		margin-top: 1vh;
	}
	.p_content_item span:nth-child(1){
		color: #CCCCCC;
	}
	.add_content{
		height: 6vh;
		line-height: 6vh;
		background: #FFFFFF;
		text-align: center;
		font-weight: bold;
	}
	.Img_file_list{
		background: #FFFFFF;
		padding: 12px;
	}
 </style>

